<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- 避免IE使用兼容模式 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
<meta name="renderer" content="webkit">
<!-- TopJUI框架样式 -->
<link type="text/css" href="../../topjui/themes/default/topjui.core.min.css" rel="stylesheet">
<link type="text/css" href="../../topjui/themes/default/topjui.blue.css" rel="stylesheet" id="dynamicTheme" />
<!-- FontAwesome字体图标 -->
<link type="text/css" href="../../statics/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
<!-- layui框架样式 -->
<link type="text/css" href="../../statics/plugins/layui/css/layui.css" 	rel="stylesheet" />
<!-- jQuery相关引用 -->
<script type="text/javascript" src="../../statics/plugins/jquery/jquery.min.js"></script>
<script type="text/javascript" src="../../statics/plugins/jquery/jquery.cookie.js"></script>
<!-- TopJUI框架配置 -->
<script type="text/javascript" src="../../statics/public/js/topjui.config.js"></script>
<!-- TopJUI框架核心-->
<script type="text/javascript" src="../../topjui/js/topjui.core.min1.js"></script>
<!-- TopJUI中文支持 -->
<script type="text/javascript" src="../../topjui/js/locale/topjui.lang.zh_CN.js"></script>
<!-- layui框架js -->
<script type="text/javascript" src="../../statics/plugins/layui/layui.js" charset="utf-8"></script>
<script>
//这里可以放一些全局变量
</script>
</head>
<body>
	<div data-toggle="topjui-layout" data-options="fit:true">
		<div
			data-options="region:'center',title:'',fit:true,split:true,border:false">
			<!-- datagrid表格 -->
			<table data-toggle="topjui-datagrid" class="productDg1"
				data-options="id: 'chktaskDg',
               				fitColumns:true,
              				remoteSort:false,
               				method:'get',
               				url: '/chktask/queryChktask'
               				">
				<thead>
					<tr>
						<th data-options="field:'chkpointname',title:'巡查地点',sortable:true,width:100,align:'center'"></th>
						<th data-options="field:'name',title:'巡查人',sortable:true,width:60,align:'center'"></th>
						<th data-options="field:'chktime',title:'巡查时间',sortable:true,width:100,align:'center'"></th>
						<th data-options="field:'iserror',title:'正常与否',sortable:true,width:60,align:'center'"></th>
						<th data-options="field:'chkdes',title:'备注',sortable:true,width:100"></th>
						<th data-options="field:'chkdetail',title:'巡查数据',sortable:true,width:500"></th>
					</tr>
				</thead>
			</table>
		</div>
	</div>
	<!-- layout布局 结束 -->

	<!-- 表格工具栏开始 -->
	<div id="chktaskDg-toolbar" class="topjui-toolbar" data-options="grid:{
														             type:'datagrid',
														             id:'chktaskDg' }">
       <a href="javascript:void(0)" data-toggle="topjui-menubutton"
			data-options="btnCls:'topjui-btn-green'" onclick="exportExcel()">生成excel</a>
		
		<form id="queryForm" class="search-box">
		
			<input type="text" name="tdate" data-toggle="topjui-datebox"
				data-options="id:'tdate',prompt:'日期',width:250">

			<input type="text" name="timerange" id="timerange"
                   data-toggle="topjui-combobox"
                   data-options="required:false,prompt:'类型',width:200,
	                       		 panelHeight:200,
                   			     data:[{value:'0',text:'所有'},{value:'1',text:'当天'},{value:'7',text:'一周'},
                   			           {value:'30',text:'一月'},{value:'365',text:'一年'}]
                   			     ">

            <input type="text" name="chkpointid" id="chkpointid"
                   data-toggle="topjui-combobox"
                   data-options="required:false,
               prompt:'巡查点',
               width:200,
               valueField:'id',
               textField:'text',
               method:'get',
               url:'/chktask/queryChkpoint'">
                      	
			<a href="javascript:void(0)" data-toggle="topjui-menubutton"
				data-options="method:'query',
           					iconCls:'fa fa-search',
           					btnCls:'topjui-btn-blue',
           					form:{id:'queryForm'},
           					grid:{type:'datagrid','id':'chktaskDg'}">查询</a>
		</form>
	<br>
	</div>
	<!-- 表格工具栏结束 -->

<script>
//打开明细页面
var ID = "";//定义全局变量用于保存当前角色id
function openEditDiag(id){
	debugger;
	ID = id;
	$.ajax({ url: "/chktask/queryChktaskById?chktaskid="+ID, 
			type:"get",dataType:"json", success: function(data){
			openDialog(data.data);//调用下面的用于回显的打开对话框函数
	}}); //调用下面的函数时只提供了返回的chktask对象，并没有authids的数组，这个怎么处理呢？？？
}
	
//由openEditDiag(id)函数末尾调用
function openDialog(d){
	debugger;
	var $updateDialog = $('<form id="chktaskDg-update"  style="width: 900px; height: 500px; margin: auto; display: none;"></form>');
	var diag = $updateDialog.dialog({
	    title: '宣传信息编辑',
	    href: '/web/view/chktask/chktask_add.html',
	    modal: true,
	    resizable:true,
		    maximizable:true,
	    collapsible:true,
	    buttons:[{
			text:'保存',
			handler:function(){
				if($('#chktaskDg-update').form('validate')) {
					  var formData = $("#chktaskDg-update").serialize();
					  var url = '/chktask/updateChktask';
		            	$.post(url,formData+'&chktaskid='+ID,function (res,status) {
			                if (status == 'success') { // 后台返回状态值
			                    $.iMessager.show({title: '我的消息', msg: res.message, timeout: 5000, showType: 'slide'});// '消息窗口'组件
			                    $("#chktaskDg").iDatagrid('reload');// 刷新下表格数据
			                    diag.dialog("destroy");// 销毁dialog面板
			                } else {
			                    $.iMessager.show({title: '我的消息', msg: res.message, timeout: 5000, showType: 'slide'});// '消息窗口'组件
			                }
			            },'JSON');
				  }
			}
		},{
			text:'关闭',
			handler:function(){diag.dialog("destroy");}
		}],
		onClose: function () {
               $(this).dialog('destroy');//销毁
           },onLoad :function(){
       		debugger;
           	$('#chktaskDg-update').form('load',d);//回显数据
           }
	});
	$updateDialog.dialog('open');
}

$(function(){ 
	//alert("chktask.html加载完毕"); 
	$("#chktaskDg").datagrid({    
	    onClickRow: function (index, row) 
	   	{  
	    	//alert("行数是:"+index+"  id是:"+row.id);
	   	}  
	});
});

//导出excel
function exportExcel()
{
	//说明：由于每个巡查点的检查项都不同，因此只能针对单一巡查点进行流水的导出
	//1：判断“巡查点”下拉框如果是“全部”则提示不能导出，需要选择具体的巡查点；
	var chkpointid=$('#chkpointid').combobox('getValue');
	var chkpointname=$('#chkpointid').combobox('getText');
	if(chkpointid=="")
	{
		alert("由于不同巡查点生成的报表不同，因此不能选择全部，请选择具体的巡查点");
		return;
	}
	//2：如果巡查点是具体的巡查点，则执行导出逻辑
	//取得表单元素的值
	var tdate=$('#tdate').datebox('getValue');
	var timerange=$('#timerange').combobox('getValue');
	debugger;
	window.location.href = encodeURI("/report/chktaskExcel?tdate="+tdate+"&timerange="+timerange+"&chkpointid="+chkpointid+"&chkpointname="+chkpointname);
}
</script>

</body>
</html>